<template>
    <div class="noData">
        <span class="el-icon-warning myicon" style="font-size: 50px"></span>
        <p class="msg">{{msg}}</p>
    </div>
</template>

<script>
export default {
    name: 'NoData',
    props: {
        msg: {
            type: String,
            default: '暂时没有数据哦~'
        }
    },
    data() {
        return {

        }
    }
}
</script>

<style lang="scss" scoped>
.noData{
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    
    .myicon{
        color: #bab6b6;
        margin-bottom: 10px;
    }
    .msg{
        font-size: 16px;
        color:#888;
    }
}
</style>